<template>
    <div class='input-select-list'>
       <my-input :id="id"  disabled="true"  class='myInputs' :isreadonly="isreadonly" :data="data" :isRequired="required"  :appid="appid"></my-input>
        <!--my-input :attribute="inputAttribute" class='myInputs' :data="data" :appid="appid"></my-input-->
       <input-button-select class='buttonSelect' ref="inputbuttonselect" label="选择"  :id="id_" :data="data" :extype="extype" :exkey="exkey"    :appid="appid" @openWin="openWin"></input-button-select>
                        
    </div>
</template>
<script>

import inputButtonSelect  from './input-button-select.vue'
import myInput  from './myInput.vue'
export default {
    props:['exkey','extype','id','label','data','appid','dataField','required','isreadonly'],
    components: {
        inputButtonSelect,
        myInput
    },
    data(){
        return{
            id_:""
        }
    },
    created(){
        console.log("exkey================");
        console.log(this.exkey);
        let exkey_=this.exkey;
        this.id_=exkey_.id;
        console.log("id-=="+this.id_);
    },
    methods:{
       openWin(data){
           this.$emit("openWin",data)
       },
       goSearchList(){
           this.$refs.inputbuttonselect.goSearchList();
       }
    }
}
</script>
<style scoped>
    .input-select-list{
        display:flex;
        flex-direction: row;
    }
    .butttonSelect{
        width:50px;
        margin-left:5px;
    }
    .myInputs{
        flex:1;
    }
</style>